<script>
$(document).ready(function(){
	$("#dlgSugerencia form.form.ajax").bind("success", function(){
		$(this).find("textarea[name=texto]").val(null);
		$("#dlgSugerencia").dialog("close");
		$("#dlgSucessSugerencia").dialog("open");
	});
});
</script>

<div id="dlgSugerencia" class="dialog" title="Sugerencia">
<form class="form ajax" action="index.php/public/saveSugerencia" method="post">
	<div class="field">
		<textarea name="texto"></textarea>
	</div>
	<input type="hidden" name="ajax" value="ajax" />
	<div class="dinamic field">
		<input type="submit" class="submit right" value="Enviar" />
	</div>
</form>
</div>

<div class="dialog" id="dlgSucessSugerencia" title="INFORMACION">
	<div class="ui-widget exito_general">
	<div class="ui-state-highlight ui-corner-all" style="padding: 0 .7em;"> 
		<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
		La sugerencia se envio correctamente!!</p>
	</div>
	</div>
</div>

<div class="dialog" id="dlgErrorSugerencia" title="ERROR">
	<div class="ui-widget error_general">
	<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;"> 
		<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span> 
		Ocurrio un error!!!</p>
	</div>
	</div>
</div>